@import '../common.scss';

.language-switcher {
  margin-left: auto;
  display: flex;
  width: 96px;
  justify-content: space-between;
  text-decoration: none;

  span,
  a {
    padding: 1px 3px;
    text-transform: uppercase;
    border-radius: 5px;
    font-weight: 500;
  }

  a {
    cursor: pointer;
    margin: 1px;

    &:hover {
      background-color: var(--color-text) !important;
      color: var(--color-background) !important;
    }
  }

  &__active-language {
    border: 1px solid var(--color-text) !important;
  }
}
